<template>
<div>
  <el-dialog title='详情' :visible.sync='dialogVisible' width='25%'>
    <el-descriptions :column="1" >
      <el-descriptions-item label="报警名称">{{ ruleForm.name }}</el-descriptions-item>
      <el-descriptions-item label="报警描述">{{ ruleForm.describe }}</el-descriptions-item>
    </el-descriptions>
    <span slot="footer">
      <el-button
        type="primary"
        size="mini"
        @click="close"
      >关闭</el-button>
    </span>

  </el-dialog>
</div>
</template>

<script>
import { detailWarningLevel, detailWarningTem } from '@/api/warning';

export default {
  name: 'WarningLevelInfo',
  data(){
    return{
      dialogVisible:false,
      ruleForm:{}
    }
  },
  methods:{
    open(row){
      this.dialogVisible=true;
      // 调用详情接口
      detailWarningLevel({id: row}).then(res => {
        this.ruleForm = res.data;
      })
    },
    // 关闭弹窗
    close() {
      this.dialogVisible=false;
    },
  }
};
</script>

<style scoped>

</style>
